.water-flow {
  display: grid;
  // gap: 26rpx;
  margin: 0 24rpx;
  grid-template-columns: 1fr 1fr;
  column-gap: 6rpx;
  row-gap: 12rpx;

  .item {
    width: 100%;
    border-radius: 8rpx;
    padding-bottom: 20rpx;
    background-color: #fff;
    &-img {
      width: 100%;
      height: 480rpx;
      border-radius: 8rpx 8rpx;
    }

    &-title {
      font-size: 24rpx;
      font-weight: 500;
      line-height: 34rpx;
      margin: 6rpx 20rpx 20rpx;
    }

    &-footer {
      display: flex;
      justify-content: flex-end;
      padding: 0 20rpx;
      .view-img {
        width: 28rpx;
        height: 28rpx;
        margin-right: 12rpx;
      }
      .like-img {
        width: 28rpx;
        height: 28rpx;
        margin-right: 12rpx;
      }
      .num {
        font-size: 20rpx;
        color: rgba($color:$primary-text-color, $alpha: 0.7);
      }
    }
  }


}